<iframe th:replace="common/top.html" width="100%" frameborder="0" scrolling="yes" class="x-iframe"></iframe>

<div id="Content">
    <h2>My Orders</h2>

    <table>
        <tr>
            <th>Order ID</th>
            <th>Date</th>
            <th>Total Price</th>
        </tr>

        <tr th:each="order : ${orderList}">
            <td>
                <a th:href="@{/order/viewOrder(orderId=${order.orderId})}" th:text="${order.orderId}">
                    Order #<span th:text="${order.orderId}"></span>
                </a>
            </td>
            <td th:text="${#dates.format(order.orderDate, 'yyyy/MM/dd hh:mm:ss')}"></td>
            <td th:text="${#numbers.formatDecimal(order.totalPrice, 2, '.', ',','$')}"></td>
        </tr>

    </table>

</div>
<div th:replace="common/bottom">

</div>
</body>
</html>